$(function () {
	
	// 从url上面获取商品ID
	var goodID = urlData(window.location.search).goodID;
	// 从本地存储获取用户信息
	var userInfo = window.localStorage.getItem("userInfo");

	function bindEvent(){  // 因为动态的数据需要加载完成以后再绑定事件

		// 获取tab距离页面顶部的距离
		var top = $(".tab").offset().top;
		$(window).scroll(function(){
			var sT = $(this).scrollTop();
			if ((sT+44)>=top) {
				$(".tab").addClass("fixed");
			}else if((sT+44)<top){
				$(".tab").removeClass("fixed");
			}
		})

		// tab切换效果
		$(".tab span").click(function(){
			$(this).addClass("active").siblings().removeClass("active");
			var index = $(this).index();
			$(".box>div").eq(index).show().siblings().hide();
			if(index==1){  // 如果点击的是中间的那个，获取评论数据

				if(!$(".box-pj ul").html()){  // ul里没有数据
					ajax("shopPl.php","get",{
						act:"select",
						goodID:goodID
					},"json",function(data){
						if(data.code==200){
							mydata = data.data
							// 稍稍动动数组里每个对象的头像变量
							for (var i = 0; i < mydata.length; i++) {
								mydata[i].userIcon = indexUrl+mydata[i].userIcon;
							}
							vm.comment = mydata;  // 改变vue里的数据
						}else{
							layer(data.msg);
						}
					},function(dd){
						layer(err.msg);
					})
				} // 如果有数据就不请求

			}
		})


	}


	


	var vm = new Vue({
		el:"#app",
		data:{
			good:{}, // 商品信心
			comment:[], // 评论信息
			isActive:false
		},
		methods:{
			addLove:addLove, // 添加收藏
			addCar:addCar
		},
		created:function(){
			var _this = this;
			
			// 获取该商品数据
			var promise = new Promise(function(suc,fin){
				ajax("good.php","post",{goodID:goodID},"json",function(data){
					if(data.code==200){
						_this.good  = data.data;
						suc();
					}else{
						layer(data.msg);
					}
				},function(err){
					fin(err);
				});
			});
			promise.then(function(){
				bindEvent();
			},function(err){
				console.log(err)
			});
			
			if(userInfo){
				var userID = (JSON.parse(userInfo)).name_id;
				// 判断该商品是否已经被收藏
				ajax("shopSc.php","get",{
					act:"select",
					userID:userID
				},"json",function(data){
				
					if(data.code==200){
						// 用户的收藏数据的数组中如果有该商品说明已经被收藏过
						var mydata =data.data;
						for (var k=0; k<mydata.length;k++) {
							if(mydata[k].goodID==goodID){
								console.log(111)
								_this.isActive = true;
							}
						}
					}else{
						layer(data.msg)
					}
				},function(err){
					layer(err)
				})
			}
			
			
			
		}
	});

	// 添加收藏事件
	function addLove(event){
		var love = event.target; //当前dom节点对象
		var userInfo = window.localStorage.getItem("userInfo");
		if(!userInfo){ // 说明用户没有登录，不可以收藏
			layer("您还没有登录");
		}
		
		if(vm.isActive){
			var act  = "del"; // 取消收藏行为
		}else{
			var act  = "add";//添加收藏行为
		}
		userInfo = JSON.parse(userInfo);
		var userID = userInfo.name_id;
		ajax("shopSc.php","post",{
			act:act,
			goodID:goodID,
			userID:userID
		},"json",function(data){
			if(data.code==200){
				if(act=="add"){  // 收藏成功
					layer("收藏成功");
					vm.isActive = true;
				}else if(act=="del"){  // 取消收藏成功
					layer("取消收藏成功");
					vm.isActive = false;
				}
			}else{
				layer(data.msg);
			}
		},function(err){
			console.log(err);
		});
	}
	
	
	// 添加购物车事件
	function addCar(good){
		var goodID = good.id; // 获取商品ID
		
		if(userInfo){
			userInfo = JSON.parse(userInfo);
			var userID = userInfo.name_id;
			ajax("shopCar.php","get",{
				act:"add",
				userID:userID,
				goodID:goodID
			},"json",function(data){
				if(data.code==200){
					layer("加入成功",function(){
						window.location.href = "shopcar.html"
					})
				}else{
					layer(data.msg)
				}
			},function(err){
				layer(err)
			})
		}else{
			layer("请登录",function(){
				window.location.href = "login.html"
			})
		}
	}


})